Informationsseite zum Rätselspiel

Im head habe ich zuerst eine Funktion eingefügt, welche die ä,ö,ü richtig anzeigt.
Des weiteren habe ich noch eine Funktion eingefügt, welche einen Abstand zwischen dem Titel der Seite
und dem oberen Rand macht.
Der JavaScript teil ist auch im head festgehalten, aber zu dem kommt später noch etwas.

Im body wird zuerst die Seitenfarbe und die allgemeine Positionierung des Textes und der Tabelle festgehalten.
Das, was auf der Seite als aller esrstes ersichtbar ist, ist die Anleitung des Spiels.
Diese konnte einfach eingetippt werden.
Nach dem Einführungstext ist ein Bild eingefügt. Für das Bild wurde eine einfache Funktion verwendet:
<img src="Bilder/Smilie.png" width="200" height="200"

Dann habe ich die Tabelle eingefügt und angegeben welche Grösse diese haben soll.
Für das wurde diese Formel eingetippt:
<table border="1" cellpadding="15" cellspacing="1" width="800" summary="">

Nacher wurden die ersten zwei Felder mit "Fragen" und "Lösung" ausgefüllt.

Bei den Feldern auf der linken Seite wurden nun einfach die Rätselfragen eingetippt.
Auf der rechten Seite musste man einen Button erstellen. für den verwendete ich diese Formel:
<input type="button" value="Antwort anzeigen" onclick="xy()">

Mit "value" ist die Aufschrift, auf dem Button, gemeint. Der Befehl "onclick="xy()"" ist eine Art von Anstoss,
um den Befehl auszuführen. Sobald man auf den Button klickt, realisiert das Programm, dass es einen Befehl bekommt und springt hinauf in
den JavaScript teil. Dort ist für jeden onclick eine eigene Funktion bereit. Je nach dem, wie der onclick
heisst springt der Befehl zu einer anderen Funktion. Die Funktionen sind genau gleich benannt, wie die onclicks.
In diesem Fall heisst der onclick "xy()", die Funktion heisst also auch "xy()".

Bei der jeweiligen Funktion öffnet sich dann eine Klammer. In dieser Klammer steht das wort "alert" und
hintendran die Antwort zur ausgewählten Frage in der Tabelle. Der Befehl "alert" bewirkt, dass das Programm
ein Feld aufleuchten lässt, in welchem dann die Antwort steht.

Dieser Ablauf geschieht bei jedem onclick genau gleich und es wird jedes mal die richtige Antwort angezeigt.

Hier kommt der link zurück zur Ausgangsseite